<template>
  <div class="home-nav">
    <h3>你好，{{ user.userInfo.username }}</h3>
    <n-tabs type="line">
      <n-tab
        v-for="nav in navList"
        :key="nav.name"
        :name="nav.name"
      />
    </n-tabs>
  </div>
</template>

<script lang="ts" setup>
  import store from '@/stores'
  const { user } = store()

  const navList = [{ name: '首页' }, { name: '发现' }]
</script>

<style scoped lang="scss">
  .home-nav {
    background-color: var(--n-color);
    padding: 16px 16px 0;
    h3 {
      margin-bottom: 16px;
    }
  }
</style>
